<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" th:href="@{https://v3.bootcss.com/favicon.ico}">
    <title>Dashboard Template for Bootstrap</title>
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
  </head>

  <body>

  <div th:insert="~{commons/commons::topbar}"></div>
<!--    <nav class="navbar navbar-inverse navbar-fixed-top" th:fragment="topbar">-->
<!--      <div class="container-fluid">-->
<!--        <div class="navbar-header">-->
<!--          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">-->
<!--            <span class="sr-only">Toggle navigation</span>-->
<!--            <span class="icon-bar"></span>-->
<!--            <span class="icon-bar"></span>-->
<!--            <span class="icon-bar"></span>-->
<!--          </button>-->
<!--          <a class="navbar-brand" href="#">[[${session.loginUser}]]</a>-->
<!--        </div>-->
<!--        <div id="navbar" class="navbar-collapse collapse">-->
<!--          <ul class="nav navbar-nav navbar-right">-->
<!--            <li><a href="#">Dashboard</a></li>-->
<!--            <li><a href="#">Settings</a></li>-->
<!--            <li><a href="#">Profile</a></li>-->
<!--            <li><a href="#">Help</a></li>-->
<!--          </ul>-->
<!--          <form class="navbar-form navbar-right">-->
<!--            <input type="text" class="form-control" placeholder="Search...">-->
<!--          </form>-->
<!--        </div>-->
<!--      </div>-->
<!--    </nav>-->


    <div class="container-fluid">
      <div class="row">
        <div th:insert="~{commons/commons::sidebar(active = 'main.html')}"></div>
        <!--侧边栏-->
<!--        <div class="col-sm-3 col-md-2 sidebar" th:fragment="sidebar">-->
<!--          <ul class="nav nav-sidebar">-->
<!--            <li class="active"><a th:href="@{/main.html}">主页 <span class="sr-only">(current)</span></a></li>-->
<!--            <li><a th:href="@{/emps}">员工列表</a></li>-->
<!--            <li><a href="#">Analytics</a></li>-->
<!--            <li><a href="#">Export</a></li>-->
<!--          </ul>-->
<!--          <ul class="nav nav-sidebar">-->
<!--            <li><a href="#">Nav item</a></li>-->
<!--            <li><a href="#">Nav item again</a></li>-->
<!--            <li><a href="#">One more nav</a></li>-->
<!--            <li><a href="#">Another nav item</a></li>-->
<!--            <li><a href="#">More navigation</a></li>-->
<!--          </ul>-->
<!--          <ul class="nav nav-sidebar">-->
<!--            <li><a href="#">Nav item again</a></li>-->
<!--            <li><a href="#">One more nav</a></li>-->
<!--            <li><a href="#">Another nav item</a></li>-->
<!--          </ul>-->
<!--        </div>-->


        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h1 class="page-header">Dashboard</h1>

          <div class="row placeholders">
<!--            <div class="col-xs-6 col-sm-3 placeholder">-->
<!--              <img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">-->
<!--              <h4>Label</h4>-->
<!--              <span class="text-muted">Something else</span>-->
<!--            </div>-->

          </div>

          <h2 class="sub-header">Section title</h2>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
              <tr>
                <th>#</th>
                <th>Header</th>
                <th>Header</th>
                <th>Header</th>
                <th>Header</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>1,001</td>
                <td>Lorem</td>
                <td>ipsum</td>
                <td>dolor</td>
                <td>sit</td>
              </tr>
              <tr>
                <td>1,002</td>
                <td>amet</td>
                <td>consectetur</td>
                <td>adipiscing</td>
                <td>elit</td>
              </tr>
              <tr>
                <td>1,003</td>
                <td>Integer</td>
                <td>nec</td>
                <td>odio</td>
                <td>Praesent</td>
              </tr>
              <tr>
                <td>1,003</td>
                <td>libero</td>
                <td>Sed</td>
                <td>cursus</td>
                <td>ante</td>
              </tr>
              <tr>
                <td>1,004</td>
                <td>dapibus</td>
                <td>diam</td>
                <td>Sed</td>
                <td>nisi</td>
              </tr>
              <tr>
                <td>1,005</td>
                <td>Nulla</td>
                <td>quis</td>
                <td>sem</td>
                <td>at</td>
              </tr>
              <tr>
                <td>1,006</td>
                <td>nibh</td>
                <td>elementum</td>
                <td>imperdiet</td>
                <td>Duis</td>
              </tr>
              <tr>
                <td>1,007</td>
                <td>sagittis</td>
                <td>ipsum</td>
                <td>Praesent</td>
                <td>mauris</td>
              </tr>
              <tr>
                <td>1,008</td>
                <td>Fusce</td>
                <td>nec</td>
                <td>tellus</td>
                <td>sed</td>
              </tr>
              <tr>
                <td>1,009</td>
                <td>augue</td>
                <td>semper</td>
                <td>porta</td>
                <td>Mauris</td>
              </tr>
              <tr>
                <td>1,010</td>
                <td>massa</td>
                <td>Vestibulum</td>
                <td>lacinia</td>
                <td>arcu</td>
              </tr>
              <tr>
                <td>1,011</td>
                <td>eget</td>
                <td>nulla</td>
                <td>Class</td>
                <td>aptent</td>
              </tr>
              <tr>
                <td>1,012</td>
                <td>taciti</td>
                <td>sociosqu</td>
                <td>ad</td>
                <td>litora</td>
              </tr>
              <tr>
                <td>1,013</td>
                <td>torquent</td>
                <td>per</td>
                <td>conubia</td>
                <td>nostra</td>
              </tr>
              <tr>
                <td>1,014</td>
                <td>per</td>
                <td>inceptos</td>
                <td>himenaeos</td>
                <td>Curabitur</td>
              </tr>
              <tr>
                <td>1,015</td>
                <td>sodales</td>
                <td>ligula</td>
                <td>in</td>
                <td>libero</td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

</body></html>